<template>
  <view class="container">
    <custom-nav></custom-nav>

    <view class="s-title">扫码添加您的金牌管家</view>
    <view class="s-text">为给您提供优质的服务 <br> 请添加<text style="color:#FF5C55">专属客服</text>微信 </view>
    <image :src="serveImg" mode="scaleToFill" class="s-img" :show-menu-by-longpress="true" />
    <view class="s-tips">长按识别添加专属客服</view>

    <custom-btn class="s-btn" @click="toPage">返回首页</custom-btn>
  </view>
</template>

<script setup>
import { urlConf } from "@/config/resource";
const serveImg = urlConf + "common/kefu.jpg";
const toPage = () => {
  uni.switchTab({ url: "/pages/index/index" });
};
</script>

<style lang=scss scoped>
@import "@/styles/global.scss";
.container {
  text-align: center;
  align-items: center;
}
.s-title {
  font-weight: 800;
  font-size: 60rpx;
  color: #ff5c55;
  padding: 160rpx 0 20rpx;
}
.s-text {
  font-size: 40rpx;
  color: #666;
  line-height: 60rpx;
}
.s-img {
  width: 360rpx;
  height: 360rpx;
  margin: 60rpx 0 40rpx;
}
.s-tips {
  font-weight: 500;
  font-size: 32rpx;
  color: #000;
  padding-bottom: 80rpx;
}

.s-btn {
  width: 560rpx;
  height: 120rpx;
  line-height: 120rpx;
  background: #ff5c55;
  border-radius: 120rpx;
  font-weight: 800;
  font-size: 40rpx;
  color: #fff;
}
</style>